<script>
import Header from './Header.vue'
import Footer from './footer.vue'

export default {
  components: { Header, Footer },
  data() {
    return { form: { adminSex: '' } }
  },
  methods: {
    next() {
      if (this.form.adminSex === '1') {
        this.$emit('next')
      }
    },
  },
}
</script>

<template>
  <div class="block_1 flex-col">
    <div class="group_2 flex-row justify-between">
      <div class="text-wrapper_1 flex-col">
        <span class="text_1">阅读注册协议</span>
      </div>
      <div class="text-wrapper_2 flex-col">
        <span class="text_2">填写相关信息</span>
      </div>
      <div class="text-wrapper_3 flex-col">
        <span class="text_3">注册完成</span>
      </div>
    </div>
    <div class="group_3 flex-col">
      <div class="text-wrapper_4">
        <span class="paragraph_1">会员注册注意事项<br /></span>
        <span class="paragraph_2"
          >一、请下载《投标人(供应商)诚信库入库操作手册》，参照其内容进行会员的注册;<br />二、请使用chrome浏览器，参照《投标人(供应商)诚信库入库操作手册》进行环境设置，并绑定CA,使用其他浏览器可能出现不兼容问题,<br />三、完成企业登陆信息注册后须继续完成企业基本信息、资质信息、人员信息(至少一人)的录入，才可进行网上业务办理;<br />四、本网站注册会员由注册单位自主注册并完成，交易中心不审核注册信息，注册单位注册的信息自动对外发布、接受监督。注册信息的合法性、真实性、准确性由注册单位负责。<br />五、投标人(供应商)不能成功注册的，可携带注册资料到交易中心，由中心工作人员进行指导注册。<br
        /></span>
      </div>
      <div class="section_1 flex-col"></div>
      <span class="paragraph_3"
        >1、如果注册信息未进行提交，下次可凭帐号和密码登录系统继续填写注册信息。<br />2、注册时请提前准备如下证照原件的扫描件或影印件:组织机构代码证,营业执照,国税、地税登记证(老版),税务登记证(新版)，社保登记证(非必填项)，供应商相关资质，任何有副本的证照或资质只能上传副本。<br />3、由于安全设置的需要,请在一个小时内注册完成所选项,如超时并注册完登录信息,请凭用户名和密码重新登录继续填写注册信息。<br />4、上传的扫描件大小请不要超过1M，且保持正面视图。</span
      >
      <div class="section_2 flex-row">
        <div class="text-wrapper_5">
          <!--          <span class="text_4">◎</span>
          <span class="text_5">同意&nbsp;&nbsp;&nbsp;&nbsp;〇不同意&nbsp;&nbsp;&nbsp;&nbsp;</span>-->
          <a-radio-group v-model="form.adminSex">
            <a-radio value="1">
              同意
            </a-radio>
            <a-radio value="2">
              不同意
            </a-radio>
          </a-radio-group>
        </div>
        <div class="box_2 flex-col"></div>
        <div class="text-wrapper_6 flex-col" @click="next">
          <span class="text_6">&nbsp;确认注册，下一步</span>
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped lang="less">
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-between {
  justify-content: space-between;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.block_1 {
  position: relative;
  width: 1200px;
  background: url('../../../assets/psvd0qudytvs7di0zcdaspsre3dxhkebra423364a-8376-4e3f-92f6-e8c650b58cd5.png') 100%
    no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  overflow: hidden;
  .group_2 {
    width: 1140px;
    height: 68px;
    margin: 30px 0 0 30px;
    .text-wrapper_1 {
      height: 68px;
      background: url(../../../assets/ps0hpp75g3ufcgx8xwulx0qc9qex5vybsv61395fd6-7fcb-4d86-bba7-aa62de00dbf4.png) 100%
        no-repeat;
      background-size: 100% 100%;
      width: 379px;
      .text_1 {
        width: 140px;
        height: 23px;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 24px;
        font-family: AlibabaPuHuiTi-Regular;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 28px;
        margin: 22px 0 0 120px;
      }
    }
    .text-wrapper_2 {
      height: 68px;
      background: url(../../../assets/psnbgzk95h74drbaz9hsmw6l83vmjfiup82377d7f-67e6-4b9d-b310-0dcb380fe1d0.png) 100%
        no-repeat;
      background-size: 100% 100%;
      margin-left: 1px;
      width: 379px;
      .text_2 {
        width: 140px;
        height: 23px;
        overflow-wrap: break-word;
        color: rgba(102, 102, 102, 1);
        font-size: 24px;
        font-family: AlibabaPuHuiTi-Regular;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 28px;
        margin: 22px 0 0 119px;
      }
    }
    .text-wrapper_3 {
      height: 68px;
      background: url(../../../assets/psmbar0un8xfdnbpxjg5ktcnpva1w9f2vre6603fc9-c43d-416b-8073-82b961d17e34.png) 100%
        no-repeat;
      background-size: 100% 100%;
      margin-left: 1px;
      width: 380px;
      .text_3 {
        width: 93px;
        height: 23px;
        overflow-wrap: break-word;
        color: rgba(102, 102, 102, 1);
        font-size: 24px;
        font-family: AlibabaPuHuiTi-Regular;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 28px;
        margin: 22px 0 0 144px;
      }
    }
  }
  .group_3 {
    background-color: rgba(255, 255, 255, 1);
    width: 1140px;
    height: 544px;
    margin: 15px 0 36px 30px;
    .text-wrapper_4 {
      width: 998px;
      height: 199px;
      overflow-wrap: break-word;
      font-size: 0;
      font-family: AlibabaPuHuiTi-Bold;
      font-weight: 700;
      text-align: center;
      line-height: 24px;
      margin: 37px 0 0 36px;
      .paragraph_1 {
        width: 998px;
        height: 199px;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 24px;
        font-family: AlibabaPuHuiTi-Bold;
        font-weight: 700;
        text-align: left;
      }
      .paragraph_2 {
        width: 998px;
        height: 199px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 16px;
        font-family: AlibabaPuHuiTi-Regular;
        font-weight: normal;
        text-align: left;
      }
    }
    .section_1 {
      background-color: rgba(223, 223, 223, 1);
      width: 1067px;
      height: 2px;
      margin: 22px 0 0 37px;
    }
    .paragraph_3 {
      line-height: 24px;
      width: 998px;
      height: 128px;
      overflow-wrap: break-word;
      color: rgba(51, 51, 51, 1);
      font-size: 16px;
      font-family: AlibabaPuHuiTi-Regular;
      font-weight: normal;
      text-align: left;
      margin: 34px 0 0 36px;
    }
    .section_2 {
      width: 373px;
      height: 40px;
      margin: 58px 0 24px 351px;
      .text-wrapper_5 {
        width: 124px;
        height: 15px;
        overflow-wrap: break-word;
        font-size: 0;
        font-family: AlibabaPuHuiTi-Regular;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 16px;
        margin-top: 13px;
        .text_4 {
          width: 124px;
          height: 15px;
          overflow-wrap: break-word;
          color: rgba(174, 46, 51, 1);
          font-size: 16px;
          font-family: AlibabaPuHuiTi-Regular;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 16px;
        }
        .text_5 {
          width: 124px;
          height: 15px;
          overflow-wrap: break-word;
          color: rgba(51, 51, 51, 1);
          font-size: 16px;
          font-family: AlibabaPuHuiTi-Regular;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 16px;
        }
      }
      .box_2 {
        background-color: rgba(174, 46, 51, 1);
        border-radius: 50%;
        width: 6px;
        height: 6px;
        margin: 17px 0 0 -121px;
      }
      .text-wrapper_6 {
        background-color: rgba(174, 46, 51, 1);
        border-radius: 6px;
        height: 40px;
        margin-left: 164px;
        width: 200px;
        .text_6 {
          width: 126px;
          height: 16px;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 16px;
          font-family: AlibabaPuHuiTi-Regular;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 16px;
          margin: 12px 0 0 37px;
        }
      }
    }
  }
}
</style>
